// Zepto
var $ = require('./components/zepto/zepto');
require('./components/zepto/event');
require('./components/zepto/ajax');
require('./components/zepto/form');
require('./components/zepto/ie');
require('./components/zepto/touch');

module.exports = $;

// 引入Swiper


var Swiper = require('./components/swiper/swiper.min.js');
var swiperAnimate = require('./components/swiper/swiper.animate1.0.2.min.js');

scaleW=window.innerWidth/375; //界面变化后相对应的宽高 left 和 top 值 变化
scaleH=window.innerHeight/667;


var resizes = document.querySelectorAll('.resize');
for (var j=0; j<resizes.length; j++) {
    resizes[j].style.width=parseInt(resizes[j].style.width)*scaleW+'px';
    resizes[j].style.height=parseInt(resizes[j].style.height)*scaleH+'px';
    resizes[j].style.top=parseInt(resizes[j].style.top)*scaleH+'px';
    resizes[j].style.left=parseInt(resizes[j].style.left)*scaleW+'px'; 
}

var scales = document.querySelectorAll('.txt');
for (var i=0; i<scales.length; i++) {
	ss=scales[i].style;
	ss.webkitTransform = ss.MsTransform = ss.msTransform = ss.MozTransform = ss.OTransform =ss.transform='translateX('+scales[i].offsetWidth*(scaleW-1)/2+'px) translateY('+scales[i].offsetHeight*(scaleH-1)/2+'px)scaleX('+scaleW+') scaleY('+scaleH+') ';
}



var swiper = new Swiper('#slide .swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    direction: 'vertical',
    mousewheelControl : true,
    onInit: function(swiper){  
        swiperAnimate.swiperAnimateCache(swiper);  //隐藏动画元素  
        swiperAnimate.swiperAnimate(swiper);//初始化完成开始动画
    },
    onSlideChangeEnd: function(swiper){
    swiperAnimate.swiperAnimate(swiper);//每个slide切换结束时也运行当前slide动画
    }     
});




var wx = require('./components/weixin/jweixin');//引入weixin接口

var IScroll = require('./components/iscroll/iscroll');// 引入iscroll
var isPassive = require('./components/iscroll/demoUtils');
var myScroll;
var myScroll1;
var swiper1 = null;
$("#mainContainer").hide();
// jquery/zepto
$("#enter").tap(function(){
    $("#slide .swiper-container").hide();//点进去 动画页面消失 出现关于我的的页面
    $("#t").hide();
    $('#w').hide();
    $("#mainContainer").show();

   
    load1();
    load2();
    load3();


    $.ajax({
        url: 'http://bxu2713290520.my3w.com/weixinphp/getsign.php',
        type: 'POST',
        dataType: 'json',
        data: {url: window.location.href},
        success:function(res){
            wx.config({
			    appId: res.appId,
			    timestamp: res.timestamp,
			    nonceStr: res.nonceStr,
			    signature: res.signature,
			    jsApiList: [
			      // 所有要调用的 API 都要加到这个列表中
			      'scanQRCode',
			      'openLocation'
			    ]
			});
            wx.ready(function () {
                $('#scan').tap(function(){
                    wx.scanQRCode({
                        needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                        scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                        success: function (res) {
                            var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                        }
                    });
                });
                $('#location').tap(function(){
                   wx.openLocation({
                        latitude: 0, // 纬度，浮点数，范围为90 ~ -90
                        longitude: 0, // 经度，浮点数，范围为180 ~ -180。
                        name: '', // 位置名
                        address: '', // 地址详情说明
                        scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
                        infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
                    });
                })
            })
        }
    });
    
})


var bstop = 0;

 $("#footer li").tap(function(){
    
    if($(this).attr('class')=='me'){
        $('#m').show();
        $('#m').siblings('#t').hide();
        $('#m').siblings('#w').hide();

        $(this).children('i').addClass('active').next('.name').addClass('active');
        $(this).siblings('li').children('i').removeClass('active').next('.name').removeClass('active');
        myScroll.refresh(); //刷新
        bstop = 0;
        if(myScroll1){
            myScroll1.destroy();
            myScroll1 = null;
        }
        if(swiper1){
            swiper1.detachEvents(); 
        }
    }else if($(this).attr('class')=='skill'){

        $(this).children('i').addClass('active').next('div').addClass('active');
        $(this).siblings('li').children('i').removeClass('active').next('div').removeClass('active');
        if(myScroll1){
            myScroll1.destroy();
            myScroll1 = null;
        }
        


        $('#m').hide();
        $('#w').hide();
        var apiTarget = $(this).attr('class');
        $('#t').show();
        var apiUrl ="http://bxu2713290520.my3w.com/api/skill.php";
        $.ajax({
            type:'GET',
            url:apiUrl,
            dataType: 'json',
            success:function(data){
                var dataLen = data.length;
                var str = '';
                for(var i=0;i<dataLen;i++){
                    str += '<li class="standard">'+
                                    '<div class="img">'+
                                    '<img src="'+data[i].img+'" alt="">'+
                                    '<p>'+data[i].category+'</p>'+
                                '</div>'+
                                '<ul class="detail">'+
                                    '<li>name： <span>'+data[i].name+'</span></li>'+
                                    '<li>time： <span>'+data[i].time+'</span></li>'+
                                    '<li>level：<span>'+data[i].level+'</span></li>'+
                                '</ul>'+
                            '</li>';
                }
                $("#scroller .box").html(str);
                myScroll.refresh();  
            }
        })
        bstop = 0;
        if(swiper1){
            swiper1.detachEvents(); 
        }
        
}else if($(this).attr('class')=='work'){
       
       
        $(this).children('i').addClass('active').next('div').addClass('active');
        $(this).siblings('li').children('i').removeClass('active').next('div').removeClass('active');

        $('#m').hide();
        $('#t').hide();
        $('#w').show();
        var apiTarget = $(this).attr('class');
        
         if(!myScroll1){
            load3();
        }
        var apiUrl = "http://bxu2713290520.my3w.com/api/work.php";
        $.ajax({
            type:'GET',
            url:apiUrl,
            dataType: 'json',
            success:function(data){
                var dataLen = data.length;
                var str = '';
                for(var i=0;i<dataLen;i++){
                    str +=  '<div class="swiper-slide">'+
                                    ' <div class="con">'+
                                        '  <div class="int">'+
                                            ' <img src="'+data[i].titimg+'" alt="">'+
                                            '<div class="tet">'+
                                                data[i].name+
                                            '   </div>'+
                                        '</div>'+
                                        '<div class="img" style="width: 375px;height: 200px;display: flex;justify-content: center;position: relative;">'+
                                            ' <img src="'+data[i].img+'" alt="" style="width: 375px;height: 200px;position: absolute;top:0px;left: 0px;">'+     
                                        '</div>'+
                                        ' <div class="description">'+
                                            '<p><span>职务：</span>&nbsp;'+data[i].posts+'</p>'+
                                            '<p><span>项目：</span>&nbsp;'+data[i].projects+'</p>'+
                                            '<p><span>时间：</span>&nbsp;'+data[i].time+'</p>'+
                                            '<p><span>官网：</span>&nbsp;<a href="'+data[i].url+'">'+data[i].url+'</a></p>'+
                                        '</div>'+
                                    ' </div>'+
                                '</div>' 
                }
                $("#w .swiper-wrapper").html(str);
                
                ++bstop;
                if(swiper1){
                    swiper1.detachEvents(); 
                }
                if(bstop >1){    
                    swiper1 = new Swiper('#w .swiper-container', {
                        effect : 'flip',
                    });             
                }
               myScroll1.refresh();
            }
        })
       
}else if($(this).attr('class')=='project'){
    
        $(this).children('i').addClass('active').next('div').addClass('active');
        $(this).siblings('li').children('i').removeClass('active').next('div').removeClass('active');
        $('#m').hide();
        $('#w').hide();
        $('#t').show();

        var apiTarget = $(this).attr('class');
        
        var apiUrl = "http://bxu2713290520.my3w.com/api/project.php";
        $.ajax({
            type:'GET',
            url:"http://bxu2713290520.my3w.com/api/project.php",
            dataType: 'json',
            success:function(data){
                console.log(data);
                console.log(data[1].img);

                var dataLen = data.length;
                var str = '';
                for(var i=0;i<dataLen;i++){
                    str += '<li class="project">'+
                                '<div class="content">'+
                                    '<div class="top">'+
                                       ' <img src="'+data[i].img+'" alt="" class="left" style="width:50px;height:50px;">'+
                                       ' <div class="right">'+
                                           ' <h2>'+data[i].name+'</h2>'+
                                            '<p>'+data[i].category+'</p>'+
                                        '</div>'+
                                    '</div>'+
                                   ' <div class="bot">'+
                                        '<div class="clauses">'+
                                            '<div class="tit">'+
                                               ' <p>description:</p>'+
                                          '  </div>'+
                                           ' <p class="con">'+data[i].description+'</p>'+
                                       ' </div>'+
                                       ' <div class="clauses">'+
                                           ' <div class="tit">'+
                                               ' <p>detail:</p>'+
                                            '</div>'+
                                            '<p class="con">'+data[i].detail+'</p>'+
                                       ' </div>'+
                                       ' <div class="clauses">'+
                                           ' <div class="tit">'+
                                               ' <p>tech:</p>'+
                                            '</div>'+
                                            '<p class="con">'+data[i].tech+'</p>'+
                                       ' </div>'+
                                   ' </div>'+
                                '</div>'+
                            '</li>';
                }
                $("#scroller .box").html(str);
                myScroll.refresh(); 
            }
        })
        bstop = 0;
        if(myScroll1){
            myScroll1.destroy();
            myScroll1 = null;
        }
        if(swiper1){
            swiper1.detachEvents(); 
        }
    }
   console.log($(this).attr('class'));
})


function load1() {
    myScroll = new IScroll('#m #wrapper', { 
        probeType: 2,//probeType：1对性能没有影响。在滚动事件被触发时，滚动轴是不是忙着做它的东西。probeType：2总执行滚动，除了势头，反弹过程中的事件。这类似于原生的onscroll事件。probeType：3发出的滚动事件与到的像素精度。注意，滚动被迫requestAnimationFrame（即：useTransition：假）。  
        scrollbars: true,//有滚动条  
        mouseWheel: true,//允许滑轮滚动  
        fadeScrollbars: true,//滚动时显示滚动条，默认影藏，并且是淡出淡入效果  
        interactiveScrollbars:true,//滚动条可以拖动  
        shrinkScrollbars:'scale'// 当滚动边界之外的滚动条是由少量的收缩。'clip' or 'scale'.  
    });//iscroll 插件
}
function load2() {
    myScroll = new IScroll('#t #wrapper', { 
        probeType: 2,//probeType：1对性能没有影响。在滚动事件被触发时，滚动轴是不是忙着做它的东西。probeType：2总执行滚动，除了势头，反弹过程中的事件。这类似于原生的onscroll事件。probeType：3发出的滚动事件与到的像素精度。注意，滚动被迫requestAnimationFrame（即：useTransition：假）。  
        scrollbars: true,//有滚动条  
        mouseWheel: true,//允许滑轮滚动  
        fadeScrollbars: true,//滚动时显示滚动条，默认影藏，并且是淡出淡入效果  
        interactiveScrollbars:true,//滚动条可以拖动  
        shrinkScrollbars:'scale'// 当滚动边界之外的滚动条是由少量的收缩。'clip' or 'scale'.  
    });//iscroll 插件
}
function load3() {
    myScroll1 = new IScroll('#w #wrapper', { 
       
        useTransform: true 
    });//iscroll 插件
}


document.addEventListener('touchmove', function (e) { e.preventDefault(); }, isPassive() ? {
    capture: false,
    passive: false
} : false);




// var interval  = setInterval(function(){
//     if(document.readyState === 'complete'){
//         clearInterval(interval);
//         $("#loading").hide();
//         $(".swiper-container").show();
//         swiper.updateContainerSize(); // 万分重要
//         swiper.updateSlidesSize(); // 万分重要
//     }else{
//         $("#loading").show();
//     }
// })